<div id="reserve">
    <h2 class="mb-4">保留账号管理</h2>
    <div class="row">
        <div class="col-md-6">
            <div class="card shadow-sm mb-4">
                <div class="card-header">添加保留账号</div>
                <div class="card-body">
                    <div class="mb-3">
                        <label for="reserve-account" class="form-label">账号</label>
                        <input type="text" id="reserve-account" class="form-control" placeholder="保留账号">
                    </div>
                    <button class="btn btn-primary" onclick="addReserveAccount()">添加</button>
                    <div id="reserve-result" class="mt-3"></div>
                </div>
            </div>
        </div>
        <div class="col-md-6">
            <div class="card shadow-sm mb-4">
                <div class="card-header">当前保留账号列表</div>
                <div class="card-header">
                    <span class="me-2 fw-bold">保留账号数:</span>
                    <span id="all-reserved-count" class="badge bg-info fs-6">加载中...</span>
                </div>
                <div class="card-body">
                    <button class="btn btn-secondary mb-3" onclick="getReservedAccounts()">刷新列表</button>
                    <ul id="reserved-accounts-list" class="list-group"></ul>
                </div>
            </div>
        </div>
    </div>
</div>